﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="list-user.ascx.cs" Inherits="templates_admin_usercontrols_list_user" %>
<script language="javascript" type="text/javascript">
// <!CDATA[

function open-contacts-dialog-btn_onclick() {

}

// ]]>
</script>


<div id="add-contacts-dialog" title="Thêm thành viên" style="display:none;">
    <div class="add-dialog-inner">
        <label for="field-1">Tên</label>
        <input type="text" value="" id="field-1" name="field-1" class="input-1"/>
        <label for="field-2">Quyền truy cập</label>
        <input type="text" value="" id="field-2" name="field-2" class="input-1"/>

        <label for="field-3">Email</label>
        <input type="text" value="" id="field-3" name="field-3" class="input-1"/>
        <button class="close-dialog gradient-btn">Hủy</button>
        <input type="submit" name="" value="Lưu" id="save-tickets" class="gradient-btn"/>
    </div>
</div>
        
<!-- new box --> 
<div class="box corners shadow">
    <div class="box-header">
        <h2>
            <img src="../templates/admin/images/address-book-new.png" style="width:40px; height:40px; margin-top:-10px; position:absolute;" />
            <asp:Label ID="lbTitle" runat="server" Text="Thành viên" style="margin-left:40px"></asp:Label>
        </h2>
        <div class="box-header-ctrls">	
        	<a href="javascript:void(null);" title="" class="close"><!-- --></a>
        </div>
    </div>

    
    <div class="box-content" id="contacts-1">
       <div class="inbox-sf">
            <input type="text" name="" onFocus="if(this.value=='Tìm thành viên')this.value='';" onBlur="if(this.value=='')this.value='Tìm thành viên';" value="Tìm thành viên" class="input-1"/>
            <select name="" class="select-1">
                <option value="">-- Tất cả --</option>
                <option value="">Tên đăng nhập</option>
                <option value="">Email</option>

            </select>
           <asp:Button ID="btnSearch" runat="server" class="inbox-sf-search-btn" Text="Tìm" />           
           <asp:Button ID="btnThem" runat="server" class="inbox-sf-add-btn tip" 
                ToolTip="Thêm thành viên mới" Text="Thêm" onclick="btnThem_Click" />                       
            <%--<input type="submit" name="" value="Thêm" id="open-contacts-dialog-btn" class="inbox-sf-add-btn tip" title="Thêm thành viên mới" onclick="return open-contacts-dialog-btn_onclick()" />  --%>
        </div>
        <ul class="contacts-head-1">
        	<li class="contacts-head-1-select"><input type="checkbox" class="toggle-all-cbox" name="select-all-1"/></li>
            <li class="contacts-head-1-id">STT</li>
            <li class="contacts-head-1-name">Tên</li>

            <li class="contacts-head-1-role">Quyền</li>
            <li class="contacts-head-1-email">Email</li>
            <li class="contacts-head-1-date">Ngày</li>
            <li class="contacts-head-1-actions">Hành động</li>
        </ul>
        <ul class="contacts-content-1">
            <asp:Repeater ID="rptListUser" runat="server">
                <ItemTemplate>
                    <li>
                        <div class="contacts-content-1-select"><input type="checkbox" name="field-6"/></div>
                        <div class="contacts-content-1-id"><%= stt++ %></div>
                        <div class="contacts-content-1-name"><%# Eval("TenDayDu") %></div>
                        <div class="contacts-content-1-role"><%# Eval("TenQuyen") %></div>
                        <div class="contacts-content-1-email"><%# Eval("Email") %></div>
                        <div class="contacts-content-1-date"><%# Eval("NgayThamGia") %></div>

                        <div class="contacts-content-1-actions">
                            <a href="#" class="edit-contact gradient-btn">Sửa</a>  
                            <a href="javascript:void(null);" class="delete-contact gradient-btn">Xóa</a>
                        </div>                        
                    </li>
                </ItemTemplate>
            </asp:Repeater>
        	
        	<%--<li class="hl-row">
                <div class="contacts-content-1-select"><input type="checkbox" name="field-7"/></div>
                <div class="contacts-content-1-id">2</div>

                <div class="contacts-content-1-name">Jane Smith</div>
                <div class="contacts-content-1-role">Support</div>
                <div class="contacts-content-1-email">janesmith@yourmail.com</div>
                <div class="contacts-content-1-date">08.01.2010</div>
                <div class="contacts-content-1-actions">
                    <a href="#" class="edit-contact gradient-btn">Edit</a>  
                    <a href="javascript:void(null);" class="delete-contact gradient-btn">Delete</a>                            
                </div>                                                       
            </li>  
        	<li>

                <div class="contacts-content-1-select"><input type="checkbox" name="field-8"/></div>
                <div class="contacts-content-1-id">3</div>
                <div class="contacts-content-1-name">John Doe</div>
                <div class="contacts-content-1-role">Support</div>
                <div class="contacts-content-1-email">johndoe@yourmail.com</div>
                <div class="contacts-content-1-date">11.01.2010</div>

                <div class="contacts-content-1-actions">
                    <a href="#" class="edit-contact gradient-btn">Edit</a>   
                    <a href="javascript:void(null);" class="delete-contact gradient-btn">Delete</a>                            
                </div>                                                         
            </li>
        	<li class="hl-row">
                <div class="contacts-content-1-select"><input type="checkbox" name="field-9"/></div>
                <div class="contacts-content-1-id">4</div>
                <div class="contacts-content-1-name">Jane Doe</div>

                <div class="contacts-content-1-role">Tech Support</div>
                <div class="contacts-content-1-email">janedoe@yourmail.com</div>
                <div class="contacts-content-1-date">21.01.2010</div>
                <div class="contacts-content-1-actions">
                    <a href="#" class="edit-contact gradient-btn">Edit</a>  
                    <a href="javascript:void(null);" class="delete-contact gradient-btn">Delete</a>                            
                </div>                                                         
            </li> 
        	<li>

                <div class="contacts-content-1-select"><input type="checkbox" name="field-10"/></div>
                <div class="contacts-content-1-id">5</div>
                <div class="contacts-content-1-name">John Smith</div>
                <div class="contacts-content-1-role">Developer</div>
                <div class="contacts-content-1-email">johnsmith@yourmail.com</div>
                <div class="contacts-content-1-date">29.01.2010</div>

                <div class="contacts-content-1-actions">
                    <a href="#" class="edit-contact gradient-btn">Edit</a> 
                    <a href="javascript:void(null);" class="delete-contact gradient-btn">Delete</a>                            
                </div>                                                           
            </li>
        	<li class="hl-row">
                <div class="contacts-content-1-select"><input type="checkbox" name="field-11"/></div>
                <div class="contacts-content-1-id">6</div>
                <div class="contacts-content-1-name">Jane Smith</div>

                <div class="contacts-content-1-role">Tech Support</div>
                <div class="contacts-content-1-email">janesmith@yourmail.com</div>
                <div class="contacts-content-1-date">29.04.2010</div>
                <div class="contacts-content-1-actions">
                    <a href="#" class="edit-contact gradient-btn">Edit</a>  
                    <a href="javascript:void(null);" class="delete-contact gradient-btn">Delete</a>                            
                </div>                                                          
            </li> 
        	<li>

                <div class="contacts-content-1-select"><input type="checkbox" name="field-12"/></div>
                <div class="contacts-content-1-id">7</div>
                <div class="contacts-content-1-name">Jane Doe</div>
                <div class="contacts-content-1-role">Manager</div>
                <div class="contacts-content-1-email">janedoe@yourmail.com</div>
                <div class="contacts-content-1-date">30.04.2010</div>

                <div class="contacts-content-1-actions">
                    <a href="#" class="edit-contact gradient-btn">Edit</a> 
                    <a href="javascript:void(null);" class="delete-contact gradient-btn">Delete</a>                            
                </div>                                                          
            </li>--%>                                                                                                  
        </ul><!-- END ".contacts-content-1" --> 
        <ul class="contacts-head-1 no-border-top">
        	<li class="contacts-head-1-select"><input type="checkbox" class="toggle-all-cbox" name="select-all-1"/></li>
            <li class="contacts-head-1-id">ID</li>
            <li class="contacts-head-1-name">Name</li>

            <li class="contacts-head-1-role">Role</li>
            <li class="contacts-head-1-email">Email</li>
            <li class="contacts-head-1-date">Date</li>
            <li class="contacts-head-1-actions">Actions</li>
        </ul>              
        <ul class="box-nav">
            <li><a href="#" title="" class="prev">Prev</a></li>

            <li><a href="#" title="" class="active">1</a></li>
            <li><a href="#" title="" class="num">2</a></li>
            <li><a href="#" title="" class="num">3</a></li>
            <li><a href="#" title="" class="num">4</a></li>
            <li><a href="#" title="" class="num">..</a></li>
            <li><a href="#" title="" class="next">Next</a></li>

        </ul>
        <div class="bulk-actions">
           <%--<select name="field-13" class="select-1">
                <option value="">Bulk Actions</option>
                <option value="">Edit</option>
                <option value="">Delete</option>
            </select>--%>

            <input type="reset" value="Làm mới" />
            <input type="submit" value="Xóa" />
        </div>                  
    </div><!-- END ".box-content" --> 
</div>
<!-- END ".box" -->